/*base setting*/
body {
  background-color: #efefef;
}

/*内容开始*/
#content {
  margin-top: 40px;
}

/*抽屉filter开始*/
.people-drawer-filter {
  
}

.people-drawer-filter .btn{
  border-color: #dfdfdf;
  padding:18px 20px;
  outline: none;
}

.people-drawer-filter .btn-default {
  background: #fafafa;
  background-image: -webkit-linear-gradient(top,#fafafa,#f6f4f5);
  background-image: -moz-linear-gradient(top,#fafafa,#f6f4f5);
  background-image: linear-gradient(top,#fafafa,#f6f4f5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFAFAFA',EndColorStr='#FFF6F4F5');
}
.people-drawer-filter .btn-default.current {
  background: #ffffff;
}
.people-drawer-filter .open>.dropdown-toggle.btn-default {
  background-color:#fff;
  border-color:#dfdfdf;
}
.people-drawer-filter .open>.dropdown-toggle.btn-default:hover, .people-drawer-filter .btn-default:active {
  border-color:#dfdfdf;
}

em.count {
  font-style: normal;
}
/*抽屉filter结束*/

/*右边栏个人简介开始*/
.profile-card {
  margin-bottom: 19px;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  -webkit-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
  -ms-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
  box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
}

.profile-card .user-info {
  overflow: hidden;
  padding: 22px 18px;
  border-bottom: 1px solid #e2e2e2;
}

.profile-card .user-avatar{
  overflow: hidden;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  float: left;
  margin-right: 20px;
}
.profile-card .user-info .user-name {
    font-size: 16px;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.profile-card .user-info .join-date {
    color: #666;
    line-height: 1;
    margin: 0;
    padding-bottom: 9px;
}

.user-info .link-to-db {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    margin: 0;
    padding-left: 23px-;
}

.profile-card .user-stats-list {
    font-size: 0-;
    padding: 17px 0;
    text-align: center;
}

.user-stats-item {
    display: inline-block;
    vertical-align: top;
    color: #333;
    text-align: center;
    width: 100px;
    border: 1px solid #e2e2e2;
    border-width: 0 1px 0 0;
    margin-right: 12px;
    padding: 2px 12px;
    padding-left: 0;
}

.user-stats-item .title {
    font-size: 12px;
    display: block;
    line-height: 1;
    padding-bottom: 12px;
}

.user-stats-item .count {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 1em;
    color: #494949;
}

.user-stats-item:last-child {
    border-width: 0;
    margin-right: 0;
    padding-right: 0;
}
.user-stats-item.like i {
  color:#eb7d76;
  padding-right: 4px;
}

.user-profile-action {
    background: #fafafa;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    padding: 12px 0;
}
.user-profile-action i {
  color:#eb7d76;
}
.btn-sub-contact {
  display: block;
  margin: 0 12px;
  padding: 8px 11px 7px 9px;
  border: 1px solid #dcd6d3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
}
.user-profile-action i.fa {
  padding-right: 8px;
}

/*右边栏个人简介结束*/

/*右边栏动态开始*/
.aside-feed {
      margin-bottom: 20px;
      background: #fff;
      overflow: hidden;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #dfdfdf;
      -webkit-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
      -ms-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
      box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
}

.aside-feed .hd {
    background: #fbfbfb;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
    line-height: 49px;
    font-size: 14px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 16px;
}
.aside-feed-list {
  padding-left: 0px;
  margin-bottom: 0px;
}
.aside-feed .aside-feed-item {
    padding: 13px 16px 12px;
    padding-left: 37px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.aside-feed .aside-feed-item p {
    margin: 0;
}
.aside-feed-item i {
  color: #c2a599;
  position: absolute;
  left: 16px;
  top: 16px;
}
.aside-feed .aside-feed-item .feed-time {
    font-size: 12px;
    color: #999;
    text-align: right;
    padding-top: 3px;
    line-height: 1;
}
/*右边栏动态结束*/

/*抽屉内容开始*/
.drawer-wrap {
  margin-left: -15px;
  margin-top: 20px;
}

.drawer-list {
  padding-left: 0px;
}

.doulist-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    margin-bottom: 28px;
    font-size: 0;
}

.doulist-item .doulist-cover {
    background: #fff;
    padding: 3px;
    border: 1px solid #c9c9c9;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    margin-bottom: 10px;
    overflow: hidden-;
}

.doulist-cover:after {
    content: "";
    display: block;
    width: 210px;
    height: 210px;
    background: #fff;
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.doulist-info h3 {
    font-size: 14px;
    background: 0;
    margin: 0;
    width: 210px;
    height: auto;
    overflow: hidden;
    color: #666;
    line-height: 1.62;
}
.doulist-info .stats-list {
    font-size: 0;
    padding-left: 0px !important;
}
.doulist-info .stats-item {
    font-size: 12px;
    display: inline;
    color: #999;
}
.stats-item:after {
    padding: 0 .2em;
    content: "\b7";
}

/*抽屉内容结束*/


/*内容开始*/

/*内容结束*/

/* footer 开始*/
#footer {
    color: #999;
    padding-top: 6px;
    margin: 40px 0 20px 0;
    overflow: hidden;
    zoom: 1;
    border-top: 1px dashed #ddd;
}

#footer a:link, #footer a:visited {
    color: #654f41;
}
/* footer 结束*/

/*添加抽屉效果*/
.doulist-item .create-new-doulist, .doulist-item .create-new-doulist:link, .doulist-item .create-new-doulist:visited {
    color: #999;
    width: 206px;
    height: 206px;
    display: inline-block;
    border: 2px dashed #e0e0e0;
    text-align: center;
    font-size: 13px;
}

.doulist-item .create-new-doulist:hover {
    color: #666;
}

.create-new-doulist:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.create-new-doulist .newitem-text {
    display: inline-block;
    vertical-align: middle;
}

.newitem-text .fa.fa-plus-circle {
    display: block;
    font-size: 38px;
    line-height: 1;
}